@charset "UTF-8";
* {
    margin: 0;
    padding: 0;
    line-height: 1;
    font-family: 'MicrosoftYaHei';
}

body {
    -webkit-text-size-adjust: 100% !important;  
    text-size-adjust: 100% !important;  
    -moz-text-size-adjust: 100% !important;  
}

html,body,.app {
    height: 100%;
}

input {
    border-radius: 0;
}

/* 改变滚动条样式 */
.personal-scrollbar::-webkit-scrollbar {/*滚动条整体样式*/
    width: 6px;  
    height: 6px;  
    background-color: #F5F5F5;
}
.personal-scrollbar::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    background-color: #ccc; 
}
.personal-scrollbar::-webkit-scrollbar-track {/*滚动条里面轨道*/
    border-radius: 0;
    background-color: #fff;
}

/*隐藏滚动条*/
.no-scrollbar::-webkit-scrollbar {
    display: none;
}
.no-scrollbar .ivu-table-body::-webkit-scrollbar {
    display: none;
}

/*垂直水平居中*/
.level-vertical-middle {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
}

/*水平居中*/
.level-center {
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
}

/* 文本不折行，超出宽度部分隐藏, 只显示 ... */
.text-overflow-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* 防止在手机上点击元素时出现的灰色背景 */
button, a {
    -webkit-tap-highlight-color: transparent;
}

/**清除浮动*/
.clearfix:after {
    content: '';
    display: block;
    line-height: 0;
    height:0;
    clear: both;
}

[v-cloak] {
    display: none;
}

/* BEGIN: FIX STYLE */
.weui-dialog__ft .weui-dialog__btn{
    line-height: 48px;
}

.weui-toast .weui-toast__content{
    font-size: 14px;
}

/* 统一 */
.cube-toast .cube-popup-content{
    border-radius: 5px; 
    background: rgba(17, 17, 17, 0.7);
}
/* END: FIX STYLE */

/*波浪特效按钮*/
.wave-button {
    position: relative;
    overflow: hidden;
}

.wave-effect-container {
    position: absolute;
    width: 0px;
    height: 0px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .5);
    opacity: 1;
    transform: scale(0);
    pointer-events: none;
}

.wave-effect-animation {
    animation: wave-animation 0.8s;
}

@keyframes wave-animation {
    100% {
        transform: scale(1);
        opacity: 0;
    }
}
/*波浪特效按钮 END*/

/*vue 动画*/
.fadeinR-enter-active,.fadeinR-leave-active,.appear-active {
    transition: all .3s 0s ease;
}

/*离开的动画*/
.fadeinR-leave-to {
    opacity: 0;
    transform: translateX(-100%);
}

.appear-to {
    opacity: 1;
    transform: translateX(0);
}

/*进入的动画*/
.fadeinR-enter {
    opacity: 0;
    transform: translateX(100%);
}
/*vue 动画 END*/

/** 动画 **/
.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}

.animated.infinite {
    animation-iteration-count: infinite;
}

.animated.delay-1s {
    animation-delay: 1s;
}

.animated.delay-2s {
    animation-delay: 2s;
}

.animated.delay-3s {
    animation-delay: 3s;
}

.animated.delay-4s {
    animation-delay: 4s;
}

.animated.delay-5s {
    animation-delay: 5s;
}

.animated.fast {
    animation-duration: 800ms;
}

.animated.faster {
    animation-duration: 500ms;
}

.animated.slow {
    animation-duration: 2s;
}

.animated.slower {
    animation-duration: 3s;
}

@media (prefers-reduced-motion) {
    .animated {
        animation: unset !important;
        transition: none !important;
    }
}

@keyframes slideOutRight {
    from {
      transform: translate3d(0, 0, 0);
    }
  
    to {
      visibility: hidden;
      transform: translate3d(100%, 0, 0);
    }
  }
  
  .slideOutRight {
    animation-name: slideOutRight;
  }

@keyframes slideInRight {
    from {
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

.slideInRight {
    animation-name: slideInRight;
}

/* iOS中滚动内容头尾可继续拖动，橡皮筋动效，应用于容器元素 */
.ios-elastic-scroll {
    -webkit-overflow-scrolling: touch;
}

/* webkit内核浏览器， 隐藏 scrollbar */
.scrollbar--hidden::-webkit-scrollbar {
    display: none;
}